@import '../../styles/default.less';
@height:75px;
.header {
  height: @height;
  background: @background;
  position: relative;
  &-logo {
    position: absolute;
    top: 0px;
    left: 0px;
    & img {
      width: 130px;
      height: 40px;
      margin: 17px 10px;
    }
  }
  &-menu {
    &-panel {
      margin: 0px 200px 0px 150px;
      text-align: left;
    }
    &-item {
      font-size: 16px;
      font-weight: 500;
      height: @height;
      line-height: @height;
      width: 120px;
      text-align: center;
      display: inline-block;
      color: @color;
      text-decoration: none;
      &:hover {
        color: @color;
      }
    }
  }
  &-btns {
    position: absolute;
    top: 0px;
    right: 10px;
    .border-btn {
      margin-top: 19px;
      margin-left: 16px;
    }
  }
  &-link {
    color: #bbb;
    font-size: 14px;
    display: inline-block;
    padding: 0px 8px;
    line-height: @height;
    height: @height;
    text-decoration: none;
    &:hover {
      color: @color;
    }
  }
}

.route--active {
  font-weight: bold;
  text-decoration: underline;
}
